.tmp-preview-title{
  margin:0 24px;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}
.tmp-preview-name{
  margin: 30px auto 20px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.tmp-preview-wrap{
  position: relative;
  width:810px;
  margin:0 auto;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(214,214,214,.75);
  margin-bottom: 10px;
  min-height: 400px;
}
.tmp-preview-wrap .textLeft{
  float:left;
  text-align: left;
}
.tmp-preview-wrap .textCenter{
  float: left;
  text-align: center;
}
.tmp-preview-wrap .textRight{
  float: right;
  text-align: right;
}
.tmp-preview-wrap .w50{
  width: 50%;
}
.tmp-preview-wrap .w33{
  width: 33%;
}
.tmp-preview-wrap .w00{
  width: 0%;
}
.tmp-preview-wrap .w100{
  width: 100%;
}
.tmp-preview-wrap .preview-Item{
  overflow: hidden;
}
.tmp-preview-wrap .preview-Item div{
  min-height: 30px;
  line-height: 22px;
  padding: 4px 0;
}
.tmp-preview-wrap .preview-Item .font12{
  font-size: 12px;
}
.tmp-preview-wrap .preview-Item .font14{
  font-size: 14px;
}
.tmp-preview-wrap .preview-Item .font16{
  font-size: 16px;
}
.tmp-preview-wrap .preview-Item .font18{
  font-size: 18px;
}
.tmp-preview-wrap .tbhead th{
  border:1px solid #333;
  text-align: center;
  line-height: 24px!important;
  padding: 8px 0;
  height: 32px;
  font-size: 12px;
}
.tmp-preview-wrap .tbhead td{
  border:1px solid #333;
  text-align: center;
  line-height: 24px!important;
  padding: 8px 0;
  height: 32px;
  font-size: 12px;
}
.tmp-tail-line{
  margin:50px 24px 20px;
  border-bottom: 1px solid #e5e5e5;
}
.tmp-watermark-pop .line-34{
  line-height: 34px;
}
.tmp-watermark-pop .size-wrap{
  overflow: hidden;
}
.tmp-watermark-pop .size-wrap div{
  float: left;
}
.tmp-watermark-pop .size-wrap div span{
  display: inline-block;
  margin-right: 15px;
}
.tmp-watermark-pop .size-wrap div input{
  display: inline-block;
  width: 100px;
  margin-right: 40px;
}
.tmp-watermark-pop .position-wrap ul{
  overflow: hidden;
  width: 261px;
}
.tmp-watermark-pop .position-wrap ul li{
  cursor: pointer;
  float: left;
  width:66px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color:#44b549;
  border: 1px solid #44b549;
  border-radius: 4px;
  margin-right: 26px;
  margin-bottom: 10px;
}
.tmp-watermark-pop .position-wrap ul li.active{
  background-color: #44b549;
  color:#fff;
}
.tmp-watermark-pop .position-wrap ul li:nth-child(3n){
  margin-right: 0;
}
.tmp-watermark-pop .image-wrap img{
  display: block;
  width:166px;
  height: 116px;
  margin-bottom: 10px;
}

.tmp-preview-wrap .watermark-preview-wrap .watermark-preview-image{
  position: absolute;
}
.tmp-preview-wrap .watermark-preview-wrap .mark{
  display: none;
  position: absolute;
  background-color: rgba(16,16,28,.4);
  text-align: center;
}
.tmp-preview-wrap .watermark-preview-wrap:hover .mark{
  display: block;
}

.tmp-preview-wrap .watermark-preview-wrap .edit{
  cursor: pointer;
  position: absolute;
  color:#fff;
  left:50%;
  top:10%;
  transform: translate(-50%,0);
}
.tmp-preview-wrap .watermark-preview-wrap .del{
  cursor: pointer;
  position: absolute;
  color:#fff;
  left:50%;
  bottom:10%;
  transform: translate(-50%,0);
}

input[type=range] {
     -webkit-appearance: none;
     width: 100%;
     height: 8px;
     border-radius: 8px; /*这个属性设置使填充进度条时的图形为圆角*/
     background: -webkit-linear-gradient(#44b549, #44b549) no-repeat, #ddd;
     background-size: 100% 100%;
 }
 /* 滑动块样式 */
 input[type=range]::-webkit-slider-thumb {
     -webkit-appearance: none;
     cursor: pointer;
     height: 16px;
     width: 16px;
     margin-top: 0px; /*使滑块超出轨道部分的偏移量相等*/
     background: #ffffff;
     border-radius: 50%; /*外观设置为圆形*/
     border: solid 0.125em #44b549; /*设置边框*/
 }
 .opacity-wrap {
   position: relative;
 }
 .opacity-wrap #slideIpt{
   width: 400px;
   margin-top: 12px;
 }
 .opacity-wrap .range-value-wrap{
   position: absolute;
   left:376px;
   top:32px;
 }
 .opacity-wrap .range-value-wrap img{
   position: absolute;
   top:-6px;
   left:50%;
   transform: translate(-50%,0);
 }
 .opacity-wrap .range-value-wrap .content{
   width:40px;
   height: 26px;
   box-shadow: 0 0 10px rgba(214,214,214,.75);
   border-radius: 4px;
   background-color: #fff;
   text-align: center;
   line-height:26px;
 }
